.nav-bar {
	position: fixed;
	// top: 0;
	top: var(--status-bar-height);
	left: 0;
	box-sizing: content-box;
	// padding-top: var(--status-bar-height);
	z-index: 300;
	width: 750rpx;
	height: calc(var(--amplified_base) * 96rpx);
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	background-color: #fff;
	box-shadow: 0 4rpx 8rpx #f4f4f4;

	.nav-bar__title {
		flex: 1;
		max-width: 60%;
		margin: 0 auto;
		font-size: calc(var(--amplified_base) * 34rpx);
		text-align: center;
	}

	.nav-bar__left,
	.nav-bar__right {
		box-sizing: content-box;
		// padding-top: var(--status-bar-height);
		// position: absolute;
		// top: var(--status-bar-height);
		bottom: 0;
		display: flex;
		align-items: center;
		padding: 0 32rpx;
	}

	.nav-bar__text {
		margin-left: 8rpx;
	}

	.nav-bar__left {
		left: 0;
	}

	.nav-bar__right {
		right: 0;
	}
}
